
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>草图检索系统</title>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=1024, minimum-scale=0.75, maximum-scale=0.75, user-scalable=no">
    <link href="../static/css/bootstrap.css" rel="stylesheet" media="screen"/>
	<link rel="stylesheet" href="../static/css/ipaper.css" type="text/css">
	<script type="text/javascript" src="../static/js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="../static/js/processing.js"></script>
	<script type="text/javascript" src="../static/js/pixastic.core.js"></script>
	<script type="text/javascript" src="../static/js/pixastic.jquery.js"></script>
	<script type="text/javascript" src="../static/js/brightness.js"></script>
	<script type="text/javascript" src="../static/js/desaturate.js"></script>
	<script type="text/javascript" src="../static/js/main.js"></script>	

	<script type="text/javascript">
		var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
	</script>
	
</head>
<body>
	
	<div id="dropzone" class="vbox"></div>	
	<div id="dropImg"></div>
	
	
	<canvas id="shadowImg" width="480" height="480"></canvas>
	
	<div id="slide" style="display:none">
		<div class="slides">
			<canvas id="whiteboard0" resize  class="wboard step slide rebuild present"></canvas>
			<canvas id="whiteboard1" resize class="wboard step slide rebuild future"></canvas>
			<canvas id="whiteboard2" resize class="wboard step slide rebuild"></canvas>
			<canvas id="whiteboard3" resize class="wboard step slide rebuild"></canvas>
			<canvas id="whiteboard4" resize class="wboard step slide rebuild"></canvas>
			<canvas id="whiteboard5" resize class="wboard step slide rebuild"></canvas>
			<canvas id="whiteboard6" resize class="wboard step slide rebuild"></canvas>
			<canvas id="whiteboard7" resize class="wboard step slide rebuild"></canvas>
			<canvas id="whiteboard8" resize class="wboard step slide rebuild"></canvas>
			<canvas id="whiteboard9" resize class="wboard step slide rebuild"></canvas>
		</div>
	</div>
	<div id="loading" style="display:none">
		<img src="../static/images/loading.gif"/>
	</div>
	
	<button type="button" class="clearBtn" style="display:none"></button>
	
	<ul class="buttons br-b10" style="display:none">
		<li>
			<button type="button" class="brushBtn sel"></button>
		</li>
		<li>
			<button type="button" class="eraseBtn"></button>
		</li>
		<li>
		</li>
		<li>
			<button type="button" class="addpicBtn"></button>
		</li>
		<li>
			<button type="button" class="shadowBtn"></button>
		</li>
		<li>
			<button type="button" class="searchBtn"></button>
		</li>
		<li>
			|
		</li>
		<li>
			<button type="button" class="preBtn dis"></button>
		</li>
		<li>
			<button type="button" class="nextBtn dis"></button>
		</li>
		<li>
			|
		</li>
		<li>
			<button type="button" class="saveBtn"></button>
		</li>
		<div class="clear"></div>
	</ul>
	<div id="imgs">
        
    </div>

	<a id="btn_page_prev" style="display:none">
		<span>‹</span>	
	</a>
	<a id="btn_page_next" style="display:none">
		<span>›</span>
	</a>
	
	
	<div class="imgPreview br-t10 showBox">
		<div class="imgPreview-inner">
			<div class="imgsBox" id="imgsBox1"></div>
			<div class="imgsBox" id="imgsBox2"></div>
			<div class="imgsBox" id="imgsBox3"></div>
			<div class="imgsBox" id="imgsBox4"></div>
			<div class="imgsBox" id="imgsBox5"></div>
			<div class="imgsBox" id="imgsBox6"></div>
			<div class="imgsBox" id="imgsBox7"></div>
			<div class="imgsBox" id="imgsBox8"></div>
			<div class="imgsBox" id="imgsBox9"></div>
			<div class="imgsBox" id="imgsBox10"></div>
		</div>
	</div>

</body>
</html>
